/* ========================================================================
 * TABLE
 * ======================================================================== */
.table{
  background-color: #FBFBFB;
  margin-bottom: 0px;
  // THEAD ---------------------------------------------------
  thead{
    tr{
      th{
        background-color: @color-default;
        border-color: darken(@color-default,5%) darken(@color-default,5%) darken(@color-default,7%);
        vertical-align: middle;
        border-width: 1px 1px 7px;
        border-style: solid;
        font-weight: 400;
        font-size: 15px;
        &:first-child{
          border-left: none;
        }
        &:last-child{
          border-right: none;
        }
      }
    }
    .sorting{
      &:after {
        margin-left: 5px;
        content: "\f0dc";
        font-family: 'FontAwesome';
      }
    }
    .sorting_asc{
      &:after {
        margin-left: 5px;
        content: "\f0dd";
        font-family: 'FontAwesome';
      }
    }
    .sorting_desc{
      &:after {
        margin-left: 5px;
        content: "\f0de";
        font-family: 'FontAwesome';
      }
    }
    .sorting_asc_disabled{
      &:after {
        margin-left: 5px;
        color:rgba(255,255,255,0.3);
        content: "\f0dd";
        font-family: 'FontAwesome';
      }
    }
    .sorting_desc_disabled{
      &:after {
        margin-left: 5px;
        color:rgba(255,255,255,0.3);
        content: "\f0de";
        font-family: 'FontAwesome';
      }
    }
  }

  // TBODY ---------------------------------------------------
   tbody{
     tr{
       td{
        > a{
          margin-right: 5px;
          i{
            color: #636E7B;
          }
        }
        .btn{
          i{
            color: white;
          }
        }
      }
    }
  }

  // TFOOT ---------------------------------------------------
  tfoot{
     tr{
      th{
        vertical-align: middle;
        background-color: @color-default;
        border-width: 7px 1px 1px;
        border-style: solid;
        border-color: darken(@color-default,7%) darken(@color-default,5%) darken(@color-default,5%);
        font-weight: 400;
        font-size: 15px;
        border-bottom: none;
        &:first-child{
          border-left: none;
        }
        &:last-child{
          border-right: none;
        }
      }
    }
  }

  // TABLE STRIPED ---------------------------------------------------
  &.table-striped{
     tbody{
       tr{
        &:nth-child(odd){
           td,  th{
            background-color: lighten(@page-content-bg,3%);
          }
        }
      }
    }
  }
}

table{
  &.dataTable{
    thead{
      .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{
        background: none;
      }
    }
  }
}

.table-color(primary,@color-primary);
.table-color(success,@color-success);
.table-color(info,@color-info);
.table-color(warning,@color-warning);
.table-color(danger,@color-danger);
.table-color(lilac,@color-lilac);
.table-color(inverse,@color-inverse);
.table-teal{
  thead{
    tr{
      th{
        background-color: @color-teal !important;
        border-color: lighten(@color-teal,5%) lighten(@color-teal,5%) darken(@color-teal,7%) !important;
        color: #fff;
      }
    }
  }
  tfoot{
    tr{
      th{
        background-color: @color-teal !important;
        border-color: darken(@color-teal,7%) darken(@color-teal,5%) darken(@color-teal,5%) !important;
      }
    }
  }
}

.table-responsive{
  &.rounded{
    overflow: auto !important;
  }
}

